<!DOCTYPE html>
<!--<html lang="en" manifest="manifest.appcache">-->
<html lang="en"> 
<head>
	<meta charset="UTF-8">
    <!--<link rel="shortcut icon" href="b.ico" type="image/x-icon" />-->
	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
	<title>零速争霸</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--<link rel="stylesheet" type="text/css" href="css/animate.min.css">-->
    <link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">
    <link rel="stylesheet" type="text/css" href="css/alpha.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <!--<link rel="stylesheet" type="text/css" href="css/styles.css">-->
    <script>
        window.applicationCache.addEventListener('updateready', function(e) {
            if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
                window.applicationCache.swapCache();
                window.location.reload();
            } else {
            }
        }, false);

        /**
         * Created by scutterry on 15/4/23.
         */
        /**
         * @param {String}  errorMessage   错误信息
         * @param {String}  scriptURI      出错的文件
         * @param {Long}    lineNumber     出错代码的行号
         * @param {Long}    columnNumber   出错代码的列号
         * @param {Object}  errorObj       错误的详细信息，Anything
         */
        window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
            //安卓机会莫名其妙调用这个错误，信息不全，不打印
            if(errorMessage == undefined && scriptURI == undefined && lineNumber == undefined
                    && columnNumber == undefined && errorObj == undefined){
                return;
            }

            if(scriptURI.indexOf("dcagent.min.js") != -1) return;

            var str = "错误信息：" + errorMessage + "\n" +
                    "出错文件：" + scriptURI + "\n" +
                    "出错行号：" + lineNumber + "  " +
                    "出错列号：" + columnNumber + "\n" +
                    "错误详情：" + errorObj;
            alert(str);
        }
  </script>
</head>
<body>
<div id="wrapper" class="wrapper">
    <div id="loginPanel" class="login_panel" style="display: none;">
        <img class="aofeiLogoImg logo">
        <p></p>
        <div class="info_div">

            <div class="mode_div">
                <a id="normalLoginMode" class="mode_btn selected_mode left_btn">普通登录</a>
                <a id="phoneLoginMode" class="mode_btn right_btn">快速登录</a>
            </div>


            <!-- user input -->

            <div id="userInputDiv" class="input_div normal_border_color">
                <div id="userDiv" class="input_inner_div">
                    <i id="userIcon" class="input_icon fa fa-user"></i>
                    <div id="userRule" class="v_rule"></div>
                    <input id="userInput" type="text" placeholder="输入帐号">
                    <i id="userDel" class="input_icon fa fa-remove right_float"></i>
                </div>

                <div id="phoneDiv" class="input_inner_div" style="display: none">
                    <i id="phoneIcon" class="mobile_size input_icon fa fa-mobile"></i>
                    <div id="phoneRule" class="v_rule"></div>
                    <input id="phoneInput" type="text" placeholder="输入手机号码">
                    <i id="phoneDel" class="input_icon fa fa-remove right_float"></i>
                </div>
            </div>

            <!-- pwd input -->
            <div id="pwdInputDiv" class="input_div normal_border_color">
                <div id="pwdDiv" class="input_inner_div">
                    <i id="pwdIcon" class="input_icon fa fa-lock"></i>
                    <div id="pwdRule" class="v_rule"></div>
                    <input id="pwdInput" type="password" placeholder="输入密码">
                    <i id="pwdInputDel" class="input_icon fa fa-remove right_float"></i>
                </div>

                <div id="phoneCodeDiv" class="input_inner_div" style="display: none;">
                    <i id="codeIcon" class="input_icon fa fa-lock"></i>
                    <div id="codeRule" class="v_rule"></div>
                    <input id="phoneCodeInput" type="text" maxlength="6" placeholder="输入验证码">
                    <div class="get_code_div">
                        <span id="loginPhoneCode">获取手机验证码</span>
                    </div>
                </div>
            </div>

            <div id="loginValidInputDiv" class="input_div normal_border_color" style="display: none">
                <div id="loginValidDiv" class="input_inner_div">
                    <i id="loginVaildIcon" class="input_icon fa fa-lock"></i>
                    <div id="loginRule" class="v_rule"></div>
                    <input id="loginValidInput" type="text" placeholder="点击图片刷新验证码" maxlength="4">
                    <div id="loginPhoneValidDiv" class="valid_code_div">
                        <img class="loginValidImg valid_code_img valid_img_0">
                        <img class="loginValidImg valid_code_img valid_img_1">
                        <img class="loginValidImg valid_code_img valid_img_2">
                        <img class="loginValidImg valid_code_img valid_img_3">
                    </div>
                </div>

            </div>

            <a id="loginBtn" class="login_btn">登录</a>

            <div class="bottom_div">
                <div class="free_reg"><i></i>免费注册</div>
                <div class="forget_pwd">忘记密码?</div>
            </div>


        </div>

    </div>


    <div id="maskDiv" class="mask" style="display: none;"></div>
    <div id="tipDiv" class="tip_panel" style="display:none;">
        <div class="tip_inner">
            <div class="tip_title">
                <div class="tip_inner_title">
                    <img id="tipTitleIcon" class="tip_logo">
                </div>
            </div>
            <div class="tip_content">
                <span id="tipContent">我是提示内容</span>
            </div>
            <div class="tip_bottom_div">
                <a id="tipOkBtn" class="tip_button">确定</a>
            </div>
        </div>
    </div>





    <div id="registerPanel" style="display: none;" class="login_panel">
        <img class="aofeiLogoImg logo">
        <p></p>
        <div class="info_div">

            <div class="mode_div">
                <a id="normalRegisterMode" class="mode_btn selected_mode left_btn">账号注册</a>
                <a id="phoneRegisterMode" class="mode_btn right_btn">手机注册</a>
            </div>


            <!-- user input -->

            <div id="userInputDiv2" class="input_div normal_border_color">
                <div id="userDiv2" class="input_inner_div">
                    <i id="userIcon2" class="input_icon fa fa-user"></i>
                    <input id="userInput2" type="text" placeholder="小写字母为开头，6～12字符">
                    <i id="regUserDel" class="input_icon fa fa-remove right_float"></i>
                </div>

                <div id="phoneDiv2" class="input_inner_div" style="display: none;">
                    <i id="phoneIcon2" class="input_icon fa fa-mobile"></i>
                    <input id="phoneInput2" type="text" placeholder="11位手机号">
                    <i id="regPhoneDel" class="input_icon fa fa-remove right_float"></i>
                </div>
            </div>

            <!-- pwd input -->
            <div id="pwdInputDiv2" class="input_div normal_border_color">
                <div id="pwdDiv2" class="input_inner_div">
                    <i id="pwdIcon2" class="input_icon fa fa-lock"></i>
                    <input id="pwdInput2" type="password" placeholder="6～12位字">
                    <i id="regPwdDel" class="input_icon fa fa-remove right_float"></i>
                </div>

                <div id="phonePwdDiv" class="input_inner_div" style="display: none;">
                    <i id="phonePwdIcon" class="input_icon fa fa-lock"></i>
                    <input id="phonePwdInput2" type="text" maxlength="4" placeholder="6～12位字符">
                    <i id="regPwd2Del" class="input_icon fa fa-remove right_float"></i>
                </div>
            </div>

            <!-- code input -->
            <div id="codeInputDiv" class="input_div normal_border_color">
                <div id="codeDiv" class="input_inner_div">
                    <i id="codeIcon2" class="input_icon fa fa-lock"></i>
                    <input id="codeInput" type="text" placeholder="点击图片刷新验证码" maxlength="4">
                    <div id="normalValidDiv" class="valid_code_div">
                        <img class="normalValid valid_code_img valid_img_0">
                        <img class="normalValid valid_code_img valid_img_1">
                        <img class="normalValid valid_code_img valid_img_2">
                        <img class="normalValid valid_code_img valid_img_3">
                    </div>
                </div>

                <div id="phoneCodeDiv2" class="input_inner_div" style="display: none;">
                    <i id="phoneCodeIcon" class="input_icon fa fa-lock"></i>
                    <input id="phoneCodeInput2" type="text" maxlength="6" placeholder="输入短信验证码">
                    <div class="get_code_div">
                        <span id="registerPhoneCode">获取手机验证码</span>
                    </div>
                </div>
            </div>


            <div id="validInputDiv" class="input_div normal_border_color" style="display: none">
                <div id="validDiv" class="input_inner_div">
                    <i id="vaildIcon2" class="input_icon fa fa-lock"></i>
                    <input id="validInput" type="text" placeholder="点击图片刷新验证码" maxlength="4">
                    <div id="phoneValidDiv" class="valid_code_div">
                        <img class="validImg valid_code_img valid_img_0">
                        <img class="validImg valid_code_img valid_img_1">
                        <img class="validImg valid_code_img valid_img_2">
                        <img class="validImg valid_code_img valid_img_3">
                    </div>
                </div>

            </div>

            <a id="registerBtn" class="login_btn">注册</a>

            <div class="bottom_div">
                <div id="loginLink" class="free_reg">已有登录账号>></div>
            </div>


        </div>

    </div>


    <div id="registerSuccessPanel" class="login_panel" style="display: none;">
        <img class="aofeiLogoImg logo">
        <p class="h_line"></p>
        <img class="success_img">
        <div class="success_info">
            <span id="regUser" class="left_text">您的帐号:xxxxx</span><span id="regPwd" class="right_text">密码:</span>
        </div>
        <div>
            <a id="enterGameBtn" class="enter_btn">进入</a>
        </div>
    </div>

</div>

</body>
<script type="text/javascript" src="third_part/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="third_part/requirejs/require.min.js"></script>
<script type="text/javascript" src="js/config/config.js"></script>
<script type="text/javascript">
	function fontSize(){
		var w = window.innerWidth;
		w = Math.min(640, w);
		$('html').css('font-size', w * 62.5 / 320 + '%');
		// $('html').css('font-size', "150%");
	}
	function addEvents(){
		fontSize();
		$(window).on('resize',fontSize);
		// $('body').on('touchmove', function(e){
		// 	e.preventDefault();
		// });

		// $('body').on('touchstart', function(e){
		// 	e.preventDefault();
		// });
	}
	$(document).ready(function(){
		// addEvents();
	});
    require(["index"], function(app){
        app.run();        
    });
</script>
</html>